<template>
	<view>
		<view class="relative over-hidden relative t-map " :style="'height:'+topStyle+';'" v-if="!loading">
			<map bindregionchange="__e" bindupdated="__e" class="w100b h100b relative " :controls="controls" id="maps"
				:latitude="latitude" :longitude="longitude" :style="'height:'+topStyle+';'" v-if="longitude&&latitude">
				<cover-image class="absolute w42 h42 ml30 "
					src="https://dingdianfreight.oss-cn-guangzhou.aliyuncs.com/main/static/new/cha.png"
					:style="'top:'+StatusBar+10+'px'+';'"></cover-image>
				<cover-image class="absolute w80 h80 bdra50b " src="/static/new/mz.png"
					style="bottom:50rpx;right:40rpx;box-shadow:0 0 20rpx 0 rgba(0, 0, 0, .2);"></cover-image>
			</map>
		</view>
		<view class="bgfff pt20 pb20 bsbox " id="mainBox"
			:style="'padding-bottom:'+btmStyle[1]+'px'+';'+'height:'+(btmStyle[0]>0?btmStyle[0]+'px':'auto')+';'">
			<view class="dsf jcsb alc pl35 pr35 ">
				<view class="path-content ">
					<text class="path-title ">{{pathTitle}}</text>
					<text class="path-content-detail ">{{pathContent}}</text>
				</view>
				<view class="w140 h56 dsf alc jcc fz24 col333 bde8 bdra10 ">{{$root.m0}}</view>
			</view>
			<view class="dsf pl24 pr24 pt24 ">
				<input class="h100rpx w100b bsbox bdra10 bgEEF2FD pl24 pr24 fz28 col333 " :placeholder="$root.m1"
					placeholderClass="col666" v-model="receiveAddressDetail"></input>
			</view>
			<view class="pl24 pr24 pt30 ">
				<view class="w100b h100rpx dsf alc bgEEF2FD pr24 bsbox ">
					<input class="h100rpx w160 bsbox bdra10  pl24 pr24 fz28 col333 " :placeholder="$root.m2"
						placeholderClass="col666" v-model="userName"></input>
					<view style="width:2px;height:36rpx;background-color:#666;"></view>
					<input class="h100rpx fg1 bsbox bdra10  pl24 pr24 fz28 col333 " :placeholder="$root.m3"
						placeholderClass="col666" v-model="userPhone"></input>
					<view class="w120 h62 dsf alc jcc fz28 col333 bd999 bdra10 " v-if="platform!='ios'">{{$root.m4}}
					</view>
				</view>
			</view>
			<view class="dsf alc jcsb pl24 pr24 pt24 ">
				<view class="dsf alc ">
					<u-switch size="12" space="1" v-model="isAddress"></u-switch>
					<text class="fz28 col666 is-address ">{{$root.m5}}</text>
				</view>
				<view class="w455 h82 dsf alc jcc fz30 colfff fwb bg0083FE bdra10 ">{{addressPrompt}}</view>
			</view>
		</view>
		<u-loading-page :loading="loading"></u-loading-page>
		<authority class=" vue-ref"></authority>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				suspendFlag: !1,
				loading: !0,
				isIPX: this.isIPX,
				longitude: 0,
				latitude: 0,
				wx_longitude: 0,
				wx_latitude: 0,
				me_longitude: 0,
				me_latitude: 0,
				isAddress: !1,
				StatusBar: this.StatusBar,
				zoom: 16,
				receiveAddressDetail: "",
				userName: "",
				userPhone: "",
				active: !1,
				pathContent: this.$t("获取中"),
				pathTitle: this.$t("获取中"),
				controls: [{
					id: 1,
					iconPath: "https://dingdianfreight.oss-cn-guangzhou.aliyuncs.com/main/static/new/zb-xie.png",
					position: {
						left: 0,
						top: 0,
						width: 30,
						height: 48
					}
				}],
				AddressData: {},
				type: "",
				SystemInfo: {},
				btmStyle: [0, 0],
				topStyle: 0,
				show: !0,
				addressPrompt: this.$t("确认卸货地址"),
				userInfo: {},
				platform: ""
			}
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page {
		background: #fff
	}

	.bm-view {
		height: 100%;
		width: 100%
	}

	.map-index {
		height: 0
	}

	.map-index .map-marker {
		position: fixed;
		top: 314upx;
		width: 100%;
		z-index: 20
	}

	.map-index .map-icon {
		display: block;
		margin: 0 auto
	}

	.map-index .map-title {
		border-color: #ccc;
		border-radius: 5upx;
		color: #0083fe;
		display: block;
		font-size: 30upx;
		font-weight: 700;
		height: 50upx;
		line-height: 50upx;
		margin: 0 auto;
		padding: 10upx;
		text-align: center
	}

	.map-index .map-title2 {
		background-color: #fff;
		display: inline-block
	}

	.is-address {
		margin-left: 5upx
	}

	.path-content .path-title {
		color: #0083fe;
		display: block;
		font-size: 36upx;
		font-weight: 700;
		margin: 2upx
	}

	.path-content .path-content-detail {
		color: grey;
		margin: 2upx
	}

	.BMap_Marker ._img {
		width: 20upx
	}

	.BMapLabel {
		top: -32prx
	}
</style>